<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的主页</title>
<link rel="icon" type="image/png" href="../staticFile/images/common/ico.png" sizes="32x32">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/common.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/footLink.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/select.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/pager.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/index/ventList.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/ventPages/myHome.css">
<script type="text/javascript" src="../staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="../staticFile/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../staticFile/plugins/echarts.min.js"></script>
<script type="text/javascript" src="../staticFile/js/common/CheckUtil.js"></script>
<script type="text/javascript" src="../staticFile/js/common/getCityByProvince.js"></script>
<script type="text/javascript" src="../staticFile/js/common/getDictionaries.js"></script>
<script type="text/javascript" src="../staticFile/js/common/fileUpload.js"></script>
<script type="text/javascript" src="../staticFile/js/ventPages/myHisHome.js"></script>
<script type="text/javascript" src="../staticFile/js/ventPages/myHome.js"></script>
</head>
<body>
<header>
    <span class="logo">
        <a class="logo-a" href="/">全民吐<img width="48" height="48" src="../staticFile/images/common/vent.png">槽</a>
    </span>
    <h3>我的主页</h3>
    <div class="btn-group">
        <button class="btn-edit">编辑</button>
        <button id="btnSaveMyInfo" class="btn">保存</button>
        <button class="btn">取消</button>
        <span class="error-msg"></span>
    </div>
    <div class="left">
        <div>
            <label>昵称：</label>
            <span id="seeNickName" class="see user-nick"></span>
            <span class="edit">
                <input id="nickName" type="text" placeholder="请输入显示的昵称">
            </span>
        </div>
        <div class="see">
            <label>生日：</label>
            <span id="seeBirthday" class="see"></span>
        </div>
        <div class="choose-wrap edit">
            <label>生日：</label>
            <div showId="yearList" class="choose-container choose-year">
                <span id="showYear">年</span>
                <div class="select-icon">
                    <span></span>
                </div>
                <div class="choose-list year-list">
                    <div valId="showYear" id="yearList" class="clear-fix"></div>
                </div>
            </div>
            -
            <div showId="monthList" class="choose-container choose-month">
                <span id="showMonth">月</span>
                <div class="select-icon">
                    <span></span>
                </div>
                <div class="choose-list month-list">
                    <div valId="showMonth" id="monthList" class="clear-fix"></div>
                </div>
            </div>
            -
            <div showId="dayList" class="choose-container choose-day">
                <span id="showDay">日</span>
                <div class="select-icon">
                    <span></span>
                </div>
                <div class="choose-list day-list">
                    <div valId="showDay" id="dayList" class="clear-fix"></div>
                </div>
            </div>
        </div>
        <div>
            <label>性别：</label>
            <span id="seeSex" class="see"></span>
            <span class="edit edit-sex">
                <span>男</span>
                <input type="checkbox" id="sex" class="cmn-toggle cmn-toggle-round">
                <label for="sex"></label>
                <span>女</span>
            </span>
        </div>
        <div class="see">
            <label>居住：</label>
            <span id="seeAtCityName"></span>
        </div>
        <div class="choose-wrap edit">
            <label>居住：</label>
            <div class="choose-container choose-province">
                <span id="showProvince">省份</span>
                <div class="select-icon">
                    <span></span>
                </div>
                <div class="choose-list province-list">
                    <div id="provinceList" class="clear-fix"></div>
                </div>
            </div>
            省
            <div class="choose-container choose-city">
                <span id="showCity">城市</span>
                <div class="select-icon">
                    <span></span>
                </div>
                <div class="choose-list city-list">
                    <div id="listCity" class="clear-fix"></div>
                </div>
            </div>
            市
        </div>
    </div>
    <div class="center">
        <form id="uploadImgForm" enctype='multipart/form-data'>
            <div class="header"></div>
            <div class="body"></div>
            <div id="uploadHeaderImg" class="mark hide" style="display: none;">上传头像</div>
            <input accept="image/*" type="file" id="uploadImg" class="hide" onchange="uploadMyImg(this,event)"/>
        </form>
    </div>
    <div class="right">
        <div>
            <label>电话：</label>
            <span id="seePhone" class="see"></span>
            <button class="btn edit-phone">修改</button>
            <span class="edit">
                <input id="phone" type="text" disabled>
            </span>
            <div class="ep">
                <input type="number" id="oldPhoneCheckCode" placeholder="手机验证码"/>
                <button id="btnGetCheckCode" class="btn">获取验证码</button><br>
                <span id="phoneErrorMsg" style="color: #e51400;"></span>
            </div>
            <div class="ep">
                <input type="number" id="myNewPhone" placeholder="新手机号码"/>
                <input class="btn" type="button" id="submitNewPhone" value="提交"/>
            </div>
        </div>
        <div class="ep-down">
            <label>邮箱：</label>
            <span id="seeEmail" class="see"></span>
            <span class="edit">
                <input id="email" type="text" placeholder="请输入邮箱">
            </span>
        </div>
        <div class="ep-down">
            <div class="choose-wrap">
                <label>血型：</label>
                <span id="seeBloodType" class="see"></span>
                <select id="bloodType" class="edit">
                    <option value="A">A</option>
                    <option value="B">B</option>
                    <option value="O">O</option>
                    <option value="AB">AB</option>
                    <option value="T">其它</option>
                </select>
            </div>
        </div>
        <div class="ep-down">
            <div class="choose-wrap">
                <label>职业：</label>
                <span id="seeOccupationName" class="see">会计</span>
                <select id="occupationName" class="edit"></select>
            </div>
        </div>
    </div>
</header>
<div class="home-other">
    <div class="menu-list">
        <a divClass="chart-list" class="menu selected">主页统计图</a>
        <a divClass="my-vent" id="btnMyVent" class="menu">我的吐槽(<label>0</label>)</a>
    </div>
    <!--个人主页被浏览次数，访问本站次数，发布吐槽数量，被点赞总数-->
    <div class="data chart-list">
        <div id="homePageLookNum" class="chart left"></div>
        <div id="accessSiteNum" class="chart right"></div>
        <div id="issueVentNum" class="chart left"></div>
        <div id="likeVentNum" class="chart right"></div>
    </div>
    <div id="myVentList" class="data my-vent">
        <div class="loading">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48px" height="60px" viewBox="0 0 48 60" style="enable-background:new 0 0 50 50;" xml:space="preserve">
                <rect x="0" y="0" width="4" height="20" fill="#dc3545" transform="translate(0 15.1665)">
                    <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite"/>
                </rect>
                <rect x="20" y="0" width="4" height="20" fill="#dc3545" transform="translate(0 11.5002)">
                    <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite"/>
                </rect>
                <rect x="40" y="0" width="4" height="20" fill="#dc3545" transform="translate(0 1.83315)">
                    <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite"/>
                </rect>
            </svg>
            <span id="loadingWord">正在拼命加载中...</span>
        </div>
        <div class="page-mask"></div>
    </div>
</div>
<!-- 分页菜单 -->
<div class="navigation my-vent">
    <ol class="wp-paginate"></ol>
</div>
<!-- 页面尾部-->
<div class="footer">
    <div class="footer-care-us" style="margin-left: 0px;">
        <strong>关注微信</strong><br/>
        <img width="120" height="120" src="../staticFile/images/common/weChatQRCode.png" />
    </div>
    <div class="link-a">
        <strong>关于吐槽</strong><br/>
        <a href="aboutUs.html">关于我们</a><br/>
        <a href="ventAim.html">服务宗旨</a><br/>
        <a href="ventFeedback.html">意见反馈</a>
    </div>
    <div class="link-a">
        <strong>合作</strong><br/>
        <a href="joinVent.html">加入我们</a><br/>
        <a href="putAD.html">广告投放</a>
    </div>
    <div class="contact-us">
        <strong>联系我们</strong><br/>
        <span>邮箱：ijobvip@163.com</span>
    </div>
    <div class="footer-record">
        京ICP备25697805号-4  京ICP证182661号  Copyright © 2015-2016
    </div>
</div>
</body>
</html>